<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="code"></div>
		<div id="tlist"></div>
		<div id="vvvk"></div>
		<div id="ktn"></div>
		<script src="../src/js/lib/jquery.min.js"></script>
		<script src="../src/js/lib/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="ajax.js" type="text/javascript" charset="utf-8"></script>
		<script id="testTpl" type="text/html">
			{{each list v i}} {{v}} {{/each}}
		</script>
		<script id="listTpl" type="text/html">
			<%for(i = 0; i < list.length; i ++) {%>
				<%=list[i]%>
				<%= i %>
			<%}%>
		</script>
		<script type="text/javascript">
//			var data = {
//				list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
//			};
//			$("#code").html(template("testTpl", data));
//			$("#tlist").html(template("listTpl", data));
//			// js文件中模板的写法
//			var vmTpl = '{{each list v i}}<p>{{list[i]}}</p>{{/each}}';
//			var render = template.compile(vmTpl);
//			$("#vvvk").html(render(data));
			
		</script>
	</body>

</html>